﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trasitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet"
			href="../../css/table.css" type="text/css">
		<link rel="stylesheet"
			href="../../css/cwcalendar.css" type="text/css">
		<script type="text/javascript"
			src="../../javascript/jquery-1.7.2.js">
		</script>
		<script type="text/javascript"
			src="../../javascript/jquery.messager.js">
		</script>
		<script type="text/javascript"
			src="../../javascript/comm/comm.js">
		</script>
		<script type="text/javascript"
			src="../../javascript/comm/select.js">
		</script>
		<script type="text/javascript"
			src="../../javascript/calendar-ch.js">
		</script>
		<script type="text/javascript"
			src="../../javascript/time.js">
		</script>
		<script type="text/javascript"
			src="../../javascript/human_register.js">
		</script>
		<script type="text/javascript"
			src="../../javascript/human_input_check.js">
		</script>
	</head>

	<body>
		<form method="post" action="/human/humanFile">
			<table width="100%">
				<tr>
					<td>
						<font color="black">您正在做的业务是：人力资源--人力资源档案管理--人力资源档案登记 </font>
					</td>
				</tr>
				<tr>
					<td align="right">
						<input type="submit" value="提交" class="BUTTON_STYLE1"/>
						<input type="reset" value="清除" class="BUTTON_STYLE1"/>
					</td>
				</tr>
			</table>
			<table width="100%" border="1" cellpadding=3 cellspacing=1
				bordercolorlight=#848284 bordercolordark=#eeeeee
				class="TABLE_STYLE1">
				<tr>
					<td class="TD_STYLE1" width="11%">
						I级机构
					</td>
					
					
					<td width="14%" class="TD_STYLE2">
						<select onchange="I1(this)" th:each="f:${first}" name="firstKindId" class="SELECT_STYLE1" id="first">
							<option  value="0">请选择</option>
							<option th:text="${f.firstKindName}" th:value="${f.firstKindId}" >集团</option>
						</select>
						<input type="hidden" name="humanFile.firstKindName"/>
					</td>
					
					
					<td width="11%" class="TD_STYLE1">
						II级机构
					</td>
					<td width="14%" class="TD_STYLE2">
						<select onchange="I2(this)" name="secondKindId" class="SELECT_STYLE1" id="second">
							<option value="0">请选择</option>
						</select>
						<input type="hidden" name="humanFile.secondKindName"/>
					</td>
					<td width="11%" class="TD_STYLE1">
						III级机构
					</td>
					<td class="TD_STYLE2" colspan="2">
						<select name="thirdKindId" class="SELECT_STYLE1" id="third">
							<option value="0">请选择</option>
						</select>
						<input type="hidden" name="humanFile.thirdKindName"/>
					</td>
					<td rowspan="5" style="text-align: center;">
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						职位分类
					</td>
					<td class="TD_STYLE2">
						<select onchange="mName(this)" th:each="m:${majorKind}" name="humanMajorKindId" class="SELECT_STYLE1" id="majorKind">
								<option value="0">请选择</option>
								<option th:value="${m.majorKindId}" th:text="${m.majorKindName}"></option>
						</select>
						<input type="hidden" name="humanFile.humanMajorKindName"/>
					</td>
					<td class="TD_STYLE1">
						职位名称
					</td>
					<td class="TD_STYLE2">
						<select name="humanMajorId" class="SELECT_STYLE1" id="majorName">
							<option value="0">请选择</option>
						</select>
						<input type="hidden" name="humanFile.hunmaMajorName"/>
					</td>
					<td class="TD_STYLE1">
						职称
					</td>
					<td colspan="2" class="TD_STYLE2">
						<select name="humanProDesignation" class="SELECT_STYLE1">
							<option value="无">无</option>
							<option value="工程师">工程师</option>
							<option value="助理">助理</option>
							<option value="经理">经理</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						姓名
					</td>
					<td class="TD_STYLE2">
						<input type="text" id="humanName" name="humanName"
							class="INPUT_STYLE2"/>
					</td>
					<td class="TD_STYLE1">
						性别
					</td>
					<td class="TD_STYLE2">
						<select name="humanSex" class="SELECT_STYLE1">
							<option value="男" selected="selected">
								男
							</option>
							<option value="女">
								女
							</option>
						</select>
					</td>
					<td class="TD_STYLE1">
						EMAIL
					</td>
					<td colspan="2" class="TD_STYLE2">
						<input type="text" name="humanEmail" id="humanEmail"
							class="INPUT_STYLE2">
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						电话
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="humanTelephone" id="humanTelephone"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						QQ
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="humanQq" id="humanQq"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						手机
					</td>
					<td colspan="2" class="TD_STYLE2">
						<input type="text" name="humanMobilephone" id="humanMobilephone"
							class="INPUT_STYLE2">
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						住址
					</td>
					<td colspan="3" class="TD_STYLE2">
						<input type="text" name="humanAddress"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						邮编
					</td>
					<td colspan="2" class="TD_STYLE2">
						<input type="text" name="humanPostcode"
							class="INPUT_STYLE2">
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						国籍
					</td>
					<td class="TD_STYLE2">
						<select name="humanNationality" class="SELECT_STYLE1">
							<option value="中国">中国</option>
							<option value="">美国</option>
						</select>
					</td>
					<td class="TD_STYLE1">
						出生地
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="humanBirthplace"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						生日
					</td>
					<td width="13%" class="TD_STYLE2">
						<input type="text" name="humanBirthday" readonly="readonly"
							class="INPUT_STYLE2" id="birthday">
					</td>
					<td width="11%" class="TD_STYLE1">
						民族
					</td>
					<td class="TD_STYLE2" width="14%">
						<select name="humanRace" class="SELECT_STYLE1">
							<option value="汉族">汉族</option>
							<option value="回族">回族</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						宗教信仰
					</td>
					<td class="TD_STYLE2">
						<select name="humanReligion" class="SELECT_STYLE1">
							<option value="无">无</option>
							<option value="佛教">佛教</option>
						</select>
					</td>
					<td class="TD_STYLE1">
						政治面貌
					</td>
					<td class="TD_STYLE2">
						<select name="humanParty" class="SELECT_STYLE1">
							<option value="群众">群众</option>
							<option value="党员">党员</option>
						</select>
					</td>
					<td class="TD_STYLE1">
						身份证号码
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="humanIdCard" id="humanIdCard"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						社会保障号码
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="humanSocietySecurityId"
							class="INPUT_STYLE2">
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						年龄
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="humanAge" id="humanAge"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						学历
					</td>
					<td class="TD_STYLE2">
						<select name="humanEducatedDegree" class="SELECT_STYLE1">
							<option value="高中">高中</option>
							<option value="本科">本科</option>
							<option value="大专">大专</option>
						</select>
					</td>
					<td class="TD_STYLE1">
						教育年限
					</td>
					<td class="TD_STYLE2">
						<select name="humanEducatedYears" class="SELECT_STYLE1">
							<option value="12">12</option>
							<option valu="16">16</option>
						</select>
					</td>
					<td class="TD_STYLE1">
						学历专业
					</td>
					<td class="TD_STYLE2">
						<select name="humanEducatedMajor" class="SELECT_STYLE1">
							<option value="生物工程">生物工程</option>
							<option value="计算机">计算机</option>
						</select>
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						薪酬标准
					</td>
					<td class="TD_STYLE2">
						<select onclick="salary(this)" th:each="s:${salary}" name="salaryStandardId" class="SELECT_STYLE1">
						
							<option th:value="${s.standardId}" th:text="${s.standardName}"></option>
						
						</select>
					</td>
					<td class="TD_STYLE1">
						开户行
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="humanBank"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						帐号
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="humanAccount"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						登记人
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="register" value="谢鹏"
							readonly="readonly" class="INPUT_STYLE2">
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						建档时间
					</td>
					<td class="TD_STYLE2">
						<input type="text" name="registTime" id="create_time" readonly="readonly"
							class="INPUT_STYLE2">
					</td>
					<td class="TD_STYLE1">
						特长
					</td>
					<td class="TD_STYLE2">
						<select name="humanSpeciality" class="SELECT_STYLE1">
							<option value="java">java</option>
							<option value="数据库">数据库</option>
						</select>
					</td>
					<td class="TD_STYLE1">
						爱好
					</td>
					<td class="TD_STYLE2">
						<select name="humanHobby" class="SELECT_STYLE1">
							<option value="篮球">篮球</option>
							<option value="跳舞">跳舞</option>
						</select>
					</td>
					<td class="TD_STYLE1">
						&nbsp;
					</td>
					<td class="TD_STYLE2">
						&nbsp;
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						个人履历
					</td>
					<td colspan="7" class="TD_STYLE2">
						<textarea name="humanHistroyRecords" rows="4"
							class="TEXTAREA_STYLE1"></textarea>
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						家庭关系信息
					</td>
					<td colspan="7" class="TD_STYLE2">
						<textarea name="humanFamilyMembership" rows="4"
							class="TEXTAREA_STYLE1"></textarea>
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						备注
					</td>
					<td colspan="7" class="TD_STYLE2">
						<textarea name=" remark" rows="4" class="TEXTAREA_STYLE1"></textarea>
					</td>
				</tr>
			</table>
		</form>
	</body>
	
	<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
	
	<script type="text/javascript">
	
		function I1(event){
			$("#second,#third").find("option").remove();
			var id = $(event).find("option:selected").val();
			$.ajax({
				
				url:"/human/human_kind/"+id,
				type:"POST",
				success:function(response){
					console.log(response.data);
							$("#second,#third").append('<option value=0>请选择</option>');
					if(response.success){
						$.each(response.data,function(key,value){
							$("#second").append('<option value='+value.secondKindId+'>'+value.secondKindName+'</option>')
							//alert(value.secondKindId+value.secondKindName)
						});
					}
					
				},error:function(){
					
				}
				
			});
		}

		
		
		function I2(event){
			$("#third").find("option").remove();
			var id = $(event).find("option:selected").val();
			$.ajax({
				
				url:"/human/human_kind_third/"+id,
				type:"POST",
				success:function(response){
					console.log(response.data);
							$("#third").append('<option value=0>请选择</option>');
					if(response.success){
						$.each(response.data,function(key,value){
							$("#third").append('<option value='+value.thirdKindId+'>'+value.thirdKindName+'</option>')
							//alert(value.thirdKindId+value.thirdKindName)
						});
					}
					
				},error:function(){
					
				}
				
			});
		}
		
		
		function mName(event){
			$("#majorName").find("option").remove();
			var id = $(event).find("option:selected").val();
			$.ajax({
				
				url:"/human/human_majorName/"+id,
				type:"POST",
				success:function(response){
					console.log(response.data);
							$("#majorName").append('<option value=0>请选择</option>');
					if(response.success){
						$.each(response.data,function(key,value){
							$("#majorName").append('<option value='+value.majorId+' > '+value.majorName+'</option>')
							//alert(value.majorId+value.majorName)
						});
					}
					
				},error:function(){
					
				}
				
			});
		}

		
		$("#birthday").click(function() {
			displayDatePicker('humanBirthday', false, 'ymd', '')
		});
		
	
	</script>
	
	
</html>

